<script setup>
import Header from './components/Header.vue';
import TaskList from './components/TaskList.vue';


</script>

<template>
	<div class="container" height="100%">
	  <el-container>
		<el-header class="header" > 
			<Header></Header>
		</el-header>

		<el-container>
		  <el-aside class="aside" width="30px">
			<TaskList></TaskList>
		  </el-aside>
		  <el-main class="main">
		  </el-main>
		</el-container>
	  </el-container>
	</div>
  </template>
  

<style>

	.container {
		display: flex;
	}

	.aside {
		width: 470px;

	}

	.main {
		flex: 1;
		background-color: grey;
	}
</style>